export const CurvedArrowIcon = ({ width = '4.5rem', height = '4.5rem', props }) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
      viewBox="0 0 50 73"
      fill="none"
      {...props}
    >
      <path
        d="M11.6836 8.50538L10.1837 8.49039L11.6836 8.50538ZM12.8198 0.949356C12.2399 0.357744 11.2902 0.348252 10.6986 0.928158L1.05775 10.3782C0.466141 10.9581 0.456653 11.9078 1.03656 12.4994C1.61646 13.0911 2.56616 13.1005 3.15777 12.5206L11.7274 4.12057L20.1275 12.6902C20.7074 13.2818 21.6571 13.2913 22.2487 12.7114C22.8403 12.1315 22.8498 11.1818 22.2699 10.5902L12.8198 0.949356ZM13.1835 8.52037L13.2485 2.01435L10.2487 1.98437L10.1837 8.49039L13.1835 8.52037ZM49.3092 70.0002C26.8233 57.7658 12.9277 34.1179 13.1835 8.52037L10.1837 8.49039C9.91679 35.1976 24.4147 59.8706 47.8755 72.6354L49.3092 70.0002Z"
        fill="#808080"
      />
    </svg>
  );
};

export default CurvedArrowIcon;
